<!doctype html>
<html>
<head>
<meta charset="utf-8">
<script>

// 获取鼠标指针的页面位置
// 参数：e表示当前事件对象，由系统自动捕获
// 返回值：返回鼠标相对页面的坐标对象，其中属性x表示x轴偏移距离，属性y表示y轴偏移距离
function getMP(e){
    var e = e || window.event; 				// 标准化事件对象
    return {
        x : e.pageX || e.clientX + (document.documentElement.scrollLeft || document.body.scrollLeft), 
        y : e.pageY || e.clientY + (document.documentElement.scrollTop || document.body.scrollTop)
    }
}

</script>
</head>
<body style="width:2000px;height:2000px;">
    <textarea id="t" cols="15" rows="4" style="position:fixed;left:50px;top:50px;"></textarea>
</body>
<script>
var t = document.getElementById("t");
document.onmousemove = function(e){
    var m = getMP(e);
    t.value ="mouseX = " + m.x  + "\n" + "mouseY = " + m.y
}
</script>

